<div class="graph-display-container">
  <div class="graph-operate-nav">
    <button nz-button nzType="primary" (click)="changeDataType(1)">数据源1</button>
    <button nz-button nzType="primary" (click)="changeDataType(2)">数据源2</button>
    <button nz-button nzType="primary" (click)="changeDataType(3)">数据源3</button>
    <button nz-button nzType="primary" (click)="changeDataType(4)">数据源4</button>
    <button nz-button nzType="primary" (click)="changeDrawType('svg')">
      切换到 SVG 绘制
    </button>
    <button nz-button nzType="primary" (click)="changeDrawType('antv x6')">
      切换到 AntV X6 绘制
    </button>
    <button nz-button nzType="primary" (click)="changeDrawType('konva')">
      切换到 Konva 绘制
    </button>
  </div>
  <div class="graph-show">
    <!--    [canvasSize]="{width: 1015, height: 552}" [moduleSize] = "{ width: 220, height: 440 }"-->
    <app-svg-graph *ngIf="drawType === 'svg'" [dataType] = "dataType" ></app-svg-graph>
    <app-antv-graph *ngIf="drawType === 'antv x6'" [dataType] = "dataType"></app-antv-graph>
    <app-konva-graph *ngIf="drawType === 'konva'" [dataType] = "dataType"></app-konva-graph>
  </div>
</div>

